<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网站打包工具</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }
        input, select, button {
            padding: 8px;
            margin: 5px 0;
        }
        button {
            background-color: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>网站打包工具</h1>
    
    <div>
        <label>打包类型：</label>
        <select id="package-type">
            <option value="online">线上网站</option>
            <option value="local">本地代码</option>
        </select>
    </div>
    
    <div>
        <label>网站地址/本地路径：</label>
        <input type="text" id="url-input" placeholder="输入URL或本地文件路径">
    </div>
    
    <button id="package-btn" type="button">开始打包</button>
    
    <script src="renderer.js"></script>
</body>
</html>